<template>
  <div>
    <el-row :gutter="16">
      <el-col :span="16">
        <el-card style="height: 250px;">
          <div slot="header">
            <span>基本信息</span>
          </div>
          <table class="table">
            <tbody>
              <tr>
                <td>资产名称</td>
                <td>文思海辉金信</td>
                <td>资产等级</td>
                <td>重要</td>
              </tr>
              <tr>
                <td>子资产数</td>
                <td>100</td>
                <td>资产任务数</td>
                <td>10</td>
              </tr>
              <tr>
                <td>未处理漏洞数</td>
                <td>1</td>
                <td>可导出报告数</td>
                <td>15</td>
              </tr>
            </tbody>
          </table>
        </el-card>
      </el-col>

      <el-col :span="8">
        <el-card style="height: 250px;">
          <div slot="header">
            <span>威胁统计</span>
          </div>
          <ul class="list">
            <li>高危漏洞数：10</li>
            <li>中危漏洞数：10</li>
            <li>低危漏洞数：10</li>
          </ul>
        </el-card>
      </el-col>
    </el-row>

    <el-row style="margin-top: 16px;" :gutter="16">
      <el-col :span="24">
        <el-card>
          <div slot="header">
            <span>关联漏洞</span>
          </div>
          <div class="panel__body">
            <baseTable :fields="bugTable.fields" baseURL="/api/bug" :isSearch="false" :isToolbar="false"></baseTable>
          </div>
        </el-card>
      </el-col>
    </el-row>

    <el-row style="margin-top: 16px;" :gutter="16">
      <el-col :span="24">
        <el-card>
          <div slot="header">
            <span>漏洞信息</span>
          </div>
          <baseTable :fields="bugTable.fields" baseURL="/api/bug" :isSearch="false" :isToolbar="false"></baseTable>
        </el-card>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  data () {
    return {
      bugTable: {
        fields: [
          {
            field: 'bugId',
            name: '漏洞ID',
            hidden: true
          },
          {
            field: 'bugName',
            name: '漏洞名'
          },
          {
            field: 'desc',
            name: '漏洞描述',
            type: 'textarea'
          },
          {
            field: 'createTime',
            name: '创建时间',
            type: 'date'
          },
          {
            field: 'createUserName',
            name: '创建人'
          },
          {
            field: 'updateTime',
            name: '更新时间',
            type: 'date'
          },
          {
            field: 'updateUserName',
            name: '更新人'
          },
          {
            field: 'remark',
            name: '备注',
            type: 'textarea'
          }
        ]
      }
    }
  },

  methods: {}
}

</script>
<style lang='scss' scoped>
</style>
